{% extends "base.html" %}
{% block header %}
<link rel="stylesheet" type="text/css" href="/media/css/forms.css">
<script type="text/javascript">
function reset(){
    $('#reason').val();
}

function replay(){
    var reason = $('#reason').val();
    alert(reason);
    if(!reason){
        alert("报警原因不能为空");
    }else{
        document.reason.submit();
    }
}

</script>
{% endblock %}

{% block menu %}
    {% include "alert-menu.html" %}
{% endblock %}

{% block content %}
 <div id="mon-tit">
        <div class="left">报警管理 >> 报警列表</div>
</div>
    <div class="clr"></div>
    <hr>
    <h3 class="tit">故障历史汇总</h3>
    <table>


    <form name='reason' action="" method="post"  enctype="multipart/form-data">
        <div class="module aligned">
 

            <div  class="form-row">
                <label>监控名称：</label>
                <span class='w2'>{{ alt.mid.mname }}<span>
            </div>

            <div  class="form-row">
                <label>报警日期：</label>
                <span class='w2'>{{ alt.timestamp }}<span>
            </div>

            <div  class="form-row">
                <label>持续时间：</label>
                <span class='w2'>{{ alt.downtime }}<span>
            </div>

            <div  class="form-row">
                <label>对应主机：</label>
                <span class='w2'>{{ alt.mid.hid }}<span>
            </div>

             <div  class="form-row">
                <label>报警类型：</label>
                <span class='w2'>{{ alt.rtype }}<span>
            </div>

             <div  class="form-row">
                <label>报警处理人：</label>
                <span class='w2'>{{ alt.uid }}<span>
            </div>

            <div  class="form-row">
                <label for="reason" >报警原因：</label>
            </div>
            
            <div class='form-row' style="margin:10px">{{ alt.reason }}</div>

        <div style='text-align:right'>
            <a href="/alert/" style="margin-right:40px;width:80px">返回</a>
        </div>
    </div>
    </form>

   </table>
{% endblock %}

